<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 
        1 导航切换效果   下边框？？？ on 

        2 样式表的三种创建及权重

        3 文本属性
            字体是否加粗  font-weight: 100-300 = lighter   400-500 = normal   600-900 = bold = bolder 
            文字是否倾斜  font-style:italic(倾斜) / oblique / normal(不倾斜) ;
            字间距       letter-spacing  左右间距
            字体         font-family:"微软雅黑" , "宋体" , Arial
            英文大小写转化  text-transform:uppercase / lowercase / capitalize
            首行缩进   text-indent :2em     em=一个字体大小  !!!!

        4 群组选择器

        5 reset.css !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
     -->

</body>

</html>